<!-- 指令修饰符
通过""指明一些指令后缀，不同后缀封装了不同的处理操作→简化代码
1.按键修饰符
@keyup.enter -> 键盘回车监听
-->
<div id="app">
    <h3>@keyup.enter -> 监听键盘回车事件</h3>
    <input type="text" v-model="username" @keyup.enter="fn">
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js"></script>

<script>
    const app = new Vue({
        el: '#app',
        data: {
            username: ''
        },
        methods: {
            fn() {
                console.log('键盘回车的时候触发', this.username);
            }
        },
    })
</script>